.Defaultstyle {
    :global {
      /////改变所有input默认样式/////////////
  
      .ant-tabs-tab-btn {
        color: white;
      }
      .ant-input-affix-wrapper-lg {
        background-color: rgba(29, 29, 29, 0.966);
        color: white;
      }
      .ant-input-affix-wrapper-lg {
        border-radius: 10px 10px;
      }
      .ant-input {
        background-color: rgba(29, 29, 29, 0.966);
        color: white;
      }
      ///修改input自动填充下的默认样式
      input:-webkit-autofill,
      input:-webkit-autofill:hover,
      input:-webkit-autofill:focus,
      input:-webkit-autofill:active {
        -webkit-transition-delay: 111111s;
        -webkit-transition: color 11111s ease-out,
          background-color 111111s ease-out;
      }
      /////改变所有Tabs默认样式/////////////
      ///关闭按钮的位置
      .anticon-close {
        margin-top: 10px;
        margin-left: 20px;
      }
      .ant-tabs-nav::before {
        display: none;
      }
      .ant-tabs-tab-btn {
        font-size: 16px;
      }
      .ant-input-password-icon {
        color: white;
      }
      .ant-form-item-has-error .ant-input,
      .ant-form-item-has-error .ant-input-affix-wrapper,
      .ant-form-item-has-error .ant-input:hover,
      .ant-form-item-has-error .ant-input-affix-wrapper:hover {
        background-color: rgba(29, 29, 29, 0.966);
      }
      .ant-radio-wrapper {
        color: rgb(197, 194, 194);
      }
    }
  }
  .logo_style :hover {
    cursor: pointer;
  }
  .navhead_style {
    position: absolute;
    z-index: 10;
    // margin: 40px 40px;
    padding: 40px 80px 0 40px;
    display: grid;
    width: 100vw;
    grid-template-columns: 50% 50%;
    letter-spacing: 1px;
  }
  .navhead_style_ {
    // position: absolute;
    // z-index: 10;
    background-color: rgb(214, 214, 214);
    // margin: 40px 40px;
    padding: 0 100px 0 50px;
    height: 75px;
    width: 100vw;
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
    letter-spacing: 1px;
  }
  .righttitle_style {
    display: inline-flex;
    justify-content: flex-end;
    li {
      color: white;
      list-style-type: none;
      font-size: 18px;
    }
    .title_style {
      display: inline-flex;
      align-items: center;
      font-weight: 600;
      margin-right: 0.5vw;
      li {
        margin: 0 0.5vw;
      }
      li:hover {
        cursor: pointer;
        color: rgb(175, 94, 250);
        text-decoration: none;
      }
    }
    .line {
      margin: 0 10px 0 10px;
    }
    .login_style {
      margin-left: 17px;
      margin-top: 0px;
      li {
        font-weight: 600;
      }
    }
    .loginstyle_:hover {
      cursor: pointer;
      color: rgb(175, 94, 250);
    }
    ///个人中心
    .link_styles {
      color: white;
    }
  }
  ///非首页头部样式右侧样式
  .righttitle_style_ {
    display: inline-flex;
    justify-content: flex-end;
    li {
      color: black;
      list-style-type: none;
      font-size: 18px;
    }
    .title_style {
      display: inline-flex;
      align-items: center;
      font-weight: 600;
      margin-right: 0.5vw;
      li {
        margin: 0 0.5vw;
      }
      li:hover {
        cursor: pointer;
        color: rgb(175, 94, 250);
        text-decoration: none;
      }
    }
    .line {
      margin: 0 10px 0 10px;
      color: black;
    }
    .login_style {
      margin-left: 17px;
      margin-top: -2px;
      li {
        font-weight: 600;
      }
    }
    .loginstyle_:hover {
      cursor: pointer;
      color: rgb(175, 94, 250);
    }
    ///个人中心
    .link_styles {
      color: black;
    }
    // .loginstyle {
    //   color: black;
    // }
    // .loginstyle:hover {
    //   cursor: pointer;
    //   color: rgb(175, 94, 250);
    // }
  }
  .line {
    margin: 0 10px 0 10px;
  }
  .line_ {
    margin: 0 10px 0 10px;
    color: black;
  }
  .login_style {
    margin-left: 17px;
    margin-top: -2px;
    li {
      font-weight: 600;
    }
  }
  .loginstyle_:hover {
    cursor: pointer;
    color: rgb(175, 94, 250);
  }
  .loginstyle {
    color: black;
  }
  .loginstyle:hover {
    cursor: pointer;
  }
  .ipadnav_style {
    position: absolute;
    display: grid;
    grid-template-columns: 50% 50%;
    z-index: 10;
    width: 100%;
    padding: 25px 30px 25px 30px;
    background-color: rgb(228, 231, 231);
    .right_style {
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
  }
  .ipadnav_style_ {
    // position: absolute;
    display: grid;
    grid-template-columns: 50% 50%;
    z-index: 10;
    width: 100%;
    padding: 25px 30px 25px 30px;
    background-color: rgb(228, 231, 231);
    .right_style {
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
  }
  .div_display_head {
    height: 70px;
    width: 100%;
    display: flex;
    align-items: center;
    float: right;
  }
  
  ///////////////////头部左边logo动画
  // .bounce_in_top {
  //   -webkit-animation: bounce-in-top 1.1s both;
  //   animation: bounce-in-top 1.1s both;
  // }
  // @-webkit-keyframes bounce-in-top {
  //   0% {
  //     -webkit-transform: translateY(-500px);
  //     transform: translateY(-500px);
  //     -webkit-animation-timing-function: ease-in;
  //     animation-timing-function: ease-in;
  //     opacity: 0;
  //   }
  //   38% {
  //     -webkit-transform: translateY(0);
  //     transform: translateY(0);
  //     -webkit-animation-timing-function: ease-out;
  //     animation-timing-function: ease-out;
  //     opacity: 1;
  //   }
  //   55% {
  //     -webkit-transform: translateY(-65px);
  //     transform: translateY(-65px);
  //     -webkit-animation-timing-function: ease-in;
  //     animation-timing-function: ease-in;
  //   }
  //   72% {
  //     -webkit-transform: translateY(0);
  //     transform: translateY(0);
  //     -webkit-animation-timing-function: ease-out;
  //     animation-timing-function: ease-out;
  //   }
  //   81% {
  //     -webkit-transform: translateY(-28px);
  //     transform: translateY(-28px);
  //     -webkit-animation-timing-function: ease-in;
  //     animation-timing-function: ease-in;
  //   }
  //   90% {
  //     -webkit-transform: translateY(0);
  //     transform: translateY(0);
  //     -webkit-animation-timing-function: ease-out;
  //     animation-timing-function: ease-out;
  //   }
  //   95% {
  //     -webkit-transform: translateY(-8px);
  //     transform: translateY(-8px);
  //     -webkit-animation-timing-function: ease-in;
  //     animation-timing-function: ease-in;
  //   }
  //   100% {
  //     -webkit-transform: translateY(0);
  //     transform: translateY(0);
  //     -webkit-animation-timing-function: ease-out;
  //     animation-timing-function: ease-out;
  //   }
  // }
  // @keyframes bounce-in-top {
  //   0% {
  //     -webkit-transform: translateY(-500px);
  //     transform: translateY(-500px);
  //     -webkit-animation-timing-function: ease-in;
  //     animation-timing-function: ease-in;
  //     opacity: 0;
  //   }
  //   38% {
  //     -webkit-transform: translateY(0);
  //     transform: translateY(0);
  //     -webkit-animation-timing-function: ease-out;
  //     animation-timing-function: ease-out;
  //     opacity: 1;
  //   }
  //   55% {
  //     -webkit-transform: translateY(-65px);
  //     transform: translateY(-65px);
  //     -webkit-animation-timing-function: ease-in;
  //     animation-timing-function: ease-in;
  //   }
  //   72% {
  //     -webkit-transform: translateY(0);
  //     transform: translateY(0);
  //     -webkit-animation-timing-function: ease-out;
  //     animation-timing-function: ease-out;
  //   }
  //   81% {
  //     -webkit-transform: translateY(-28px);
  //     transform: translateY(-28px);
  //     -webkit-animation-timing-function: ease-in;
  //     animation-timing-function: ease-in;
  //   }
  //   90% {
  //     -webkit-transform: translateY(0);
  //     transform: translateY(0);
  //     -webkit-animation-timing-function: ease-out;
  //     animation-timing-function: ease-out;
  //   }
  //   95% {
  //     -webkit-transform: translateY(-8px);
  //     transform: translateY(-8px);
  //     -webkit-animation-timing-function: ease-in;
  //     animation-timing-function: ease-in;
  //   }
  //   100% {
  //     -webkit-transform: translateY(0);
  //     transform: translateY(0);
  //     -webkit-animation-timing-function: ease-out;
  //     animation-timing-function: ease-out;
  //   }
  // }
  /////Iipad头部右边拓展栏动画
  .div_display {
    background-color: #232323;
    opacity: 0.85;
    height: 100vh;
    width: 100vw;
    position: absolute;
    animation: div_name 1.5s forwards;
    z-index: 99;
  }
  @keyframes div_name {
    0% {
      opacity: 0;
      transform: translateY(-100%);
    }
  
    100% {
      opacity: 0.8;
      transform: translateY(0);
    }
  }
  
  @-moz-keyframes div_name {
    0% {
      opacity: 0;
      transform: translateY(-100%);
    }
  
    100% {
      opacity: 0.8;
      transform: translateY(0);
    }
  }
  
  @-webkit-keyframes div_name {
    0% {
      opacity: 0;
      transform: translateY(-100%);
    }
  
    100% {
      opacity: 0.8;
      transform: translateY(0);
    }
  }
  
  @-o-keyframes div_name {
    0% {
      opacity: 0;
      transform: translateY(-100%);
    }
  
    100% {
      opacity: 0.8;
      transform: translateY(0);
    }
  }
  .ipadhead_style {
    text-align: center;
    color: white;
    // font-size: 30px;
    // font-weight: 600;
    margin: 0 150px;
    span {
      margin: 7px 0;
    }
    span:hover {
      cursor: pointer;
      color: rgb(175, 94, 250);
    }
  }
  .switchLogin_style {
    img:hover {
      cursor: pointer;
    }
  }
  ///////////login登录//////////
  .loginpage {
    background-color: rgba(29, 29, 29, 0.966);
    border-radius: 10px 10px;
    height: 410px;
    width: 460px;
    position: absolute;
    top: 20vh;
    // left: 36vw;
    box-shadow: 0px 0px 30px -3px rgba(9, 1, 27);
    z-index: 99;
    // display: grid;
    // grid-template-columns: 10% 90%;
    display: flex;
    flex-direction: column;
    // :global {
    //   ///关闭按钮的位置
    //   .anticon-close {
    //     margin-top: 10px;
    //     margin-left: 20px;
    //   }
    //   .ant-tabs-nav::before {
    //     display: none;
    //   }
    //   .ant-tabs-tab-btn {
    //     font-size: 16px;
    //   }
    // }
    .loginwindow_style {
    }
    .headertab_styles {
      margin: -10px 40px 0 40px;
      color: white;
    }
  }
  ///////////////账号密码登录//////////////
  .account_style {
    //   color: white;
    margin-top: 20px;
    padding: 0 25px;
    .input_style {
    }
    .inputtwo_style {
      margin-top: 5px;
    }
    .button_style {
      border-radius: 10px 10px;
      margin-top: 40px;
    }
    .forget_style {
      position: relative;
      top: -75px;
      left: 14px;
      color: white;
      display: flex;
      justify-content: flex-end;
      margin: 10vh;
    }
    .forget_style {
      span:hover {
        cursor: pointer;
        color: rgb(88, 183, 238);
      }
    }
    // :global {
    //   .input {
    //     background-color: rgba(59, 59, 59, 0.85) !important;
    //   }
    //   .ant-input-affix-wrapper-lg {
    //     background-color: rgba(59, 59, 59, 0.85);
    //     color: white;
    //   }
    //   .ant-input-affix-wrapper-lg {
    //     border-radius: 10px 10px;
    //   }
    //   .ant-input {
    //     background-color: rgba(59, 59, 59, 0.85);
    //     color: white;
    //   }
    //   input:-webkit-autofill,
    //   input:-webkit-autofill:hover,
    //   input:-webkit-autofill:focus,
    //   input:-webkit-autofill:active {
    //     -webkit-transition-delay: 111111s;
    //     -webkit-transition: color 11111s ease-out,
    //       background-color 111111s ease-out;
    //   }
    //   // .input#username.ant-input.ant-input-lg {
    //   //   background-color: rgba(7, 7, 7, 0) !important;
    //   // }
    // }
  }
  
  ////////////二维码登录///////////
  .codetabs_style {
    margin: -10px 40px 0 40px;
    :global {
      .ant-tabs-tab-btn {
        color: white;
      }
    }
  }
  .Tabsbiv_style {
    margin-top: 10px;
    display: flex;
    justify-content: center;
  }
  /////////////手机短信登录设置//////////////////
  .phone_style {
    padding: 0 25px;
    margin-top: 20px;
    .Code_button_style {
      margin-left: 6px;
      width: 120px;
      border-radius: 10px 10px;
      background-color: rgba(29, 29, 29, 0.966);
      color: white;
      color: rgb(88, 183, 238);
      border: 1px rgb(88, 183, 238) solid;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .forget_style {
      position: relative;
      top: -75px;
      color: white;
      display: flex;
      justify-content: flex-end;
      margin: -10px 15px 10px 0;
    }
    .forget_style span:hover {
      cursor: pointer;
  
      color: rgb(88, 183, 238);
    }
    .button_style {
      border-radius: 10px 10px;
      margin-top: 40px;
    }
    .phoneinput_style {
    }
    // :global {
    //   .ant-input-affix-wrapper-lg {
    //     background-color: rgba(59, 59, 59, 0.85);
    //     color: white;
    //   }
    //   .ant-input-affix-wrapper-lg {
    //     border-radius: 10px 10px;
    //   }
    //   .ant-input {
    //     background-color: rgba(59, 59, 59, 0.85);
    //     color: white;
    //   }
    //   ///修改input自动填充下的默认样式
    //   input:-webkit-autofill,
    //   input:-webkit-autofill:hover,
    //   input:-webkit-autofill:focus,
    //   input:-webkit-autofill:active {
    //     -webkit-transition-delay: 111111s;
    //     -webkit-transition: color 11111s ease-out,
    //       background-color 111111s ease-out;
    //   }
    // }
  }
  ///////注册///////////////////////////
  .registerpage {
    background-color: rgba(29, 29, 29, 0.966);
    border-radius: 10px 10px;
    height: 470px;
    width: 460px;
    position: absolute;
    top: 20vh;
    // left: 36vw;
    box-shadow: 0px 0px 30px -3px rgba(9, 1, 27);
    z-index: 99;
    // display: grid;
    // grid-template-columns: 10% 90%;
    display: flex;
    flex-direction: column;
  }
  //////////phone注册////////////////
  .registerwindow_style {
    margin: -15px 40px 0 40px;
    .register_style {
      margin: -5px 34px 0 34px;
    }
    .Code_button_style {
      margin-left: 6px;
      width: 120px;
      border-radius: 10px 10px;
      background-color: rgba(29, 29, 29, 0.966);
      color: rgb(88, 183, 238);
      border: 1px rgb(88, 183, 238) solid;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .button_style {
      border-radius: 10px 10px;
      margin-top: 30px;
    }
    .buttons_style {
      border-radius: 10px 10px;
    }
  }
  //////////////////////////忘记密码forget//////////////////////
  .forgetpage {
    background-color: rgba(29, 29, 29, 0.966);
    border-radius: 10px 10px;
    height: 460px;
    width: 460px;
    position: absolute;
    top: 20vh;
    box-shadow: 0px 0px 30px -3px rgba(9, 1, 27);
    z-index: 99;
    display: flex;
    flex-direction: column;
    .headertab_styles {
      margin: -20px 40px 0 40px;
      color: white;
    }
    .forget_style {
      margin: 0px 34px 0 34px;
    }
    .Code_button_style {
      margin-left: 6px;
      width: 120px;
      border-radius: 10px 10px;
      background-color: rgba(29, 29, 29, 0.966);
      color: rgb(88, 183, 238);
      border: 1px rgb(88, 183, 238) solid;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .button_style {
      border-radius: 10px 10px;
      margin-top: 10px;
    }
    :global {
      .ant-row {
        margin-top: 10px !important;
      }
    }
  }